﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="BoozPortal.Index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Styles/LayoutStyleSheet.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/JScript.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#DivLoginForm").show();
            $("#DivSignUp").hide();
            $("#lnkSignUp").on("click", function () {
                $("#DivLoginForm").hide();
                $("#DivSignUp").show();
            });
        });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="DivMainContent">
        <div id="DivLogo" style="width: 100%; height: 45px; background: #990000;">
            <a style="margin-left: 100px">
                <img src="Images/BoozPortLogo.png" style="width: 200px; height: 45px" />
            </a>
        </div>
        <div id="DivLoginForm">
        <h1 style="color: #FFFFFF; padding-bottom:5px; text-align:center">
                        Login with Email</h1>
            <div id="DivLogin" style="float: left">
                <fieldset style="border: none; border-right: 1px solid #666; margin: 0px">
                    <table>
                        <tr>
                            <td>
                                <asp:Label ID="lblEmailid" runat="server" Text="Email or Phone"></asp:Label>
                                <br />
                                <asp:TextBox ID="txtEmailId" runat="server" Height="35px" Width="300px"></asp:TextBox>
                          </td>
                        </tr>
                        <tr>
                            <td>
                            <br />
                                <asp:Label ID="lblPassword" runat="server" Text="Email or Phone"></asp:Label>
                                <br />
                                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Height="35px" Width="300px">
                                </asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            <br />
                                <button type="button" class="CSSbutton" runat="server" style="height: 35px; width:307px;"
                                    onserverclick="btnLogin_Click">
                                    Login</button>
                            </td>
                        </tr>
                    </table>
                    <div id="DivForgotPassword" style="float: left; margin: 15px 0 0 5px">
                        <asp:LinkButton ID="LinkButton1" runat="server" Style="color: #FFFFFF">Forgot Password or ID Provieder?</asp:LinkButton>
                    </div>
                </fieldset>
            </div>
            <div id="DivSocialMediaButton" style="float: left">
                <fieldset style="margin-top:10px;border:none">
                    <table>
                        <tr>
                            <td>
                                <button type="button" class="btnFacebook" runat="server">
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            <br />
                                <button type="button" class="btnTwitter" runat="server">
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            <br />
                                <button type="button" class="btnGooglePlus" runat="server">
                                </button>
                            </td>
                        </tr>
                    </table>
                    <div style="text-align: left; margin: 10px 0 0 5px">
                        <a>Don't have BoozePort Live ID?</a>
                        <a id="lnkSignUp" href="#" style="border: none;
                            outline: none; color: #fff; cursor: pointer; background-color: transparent; text-decoration: underline">
                            Sign Up</a>
                    </div>
                </fieldset>
            </div>
        </div>
        <%-- ********************************************* Sign Up Div ***********************************************--%>
        <div id="DivSignUp">
            <table>
                <tr>
                    <td>
                        <h1 style="margin: 15px 0 10px 0; color: #fff">
                            Sign Up</h1>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:RadioButton ID="RadioButton1" runat="server" Text="Individual" EnableTheming="True"
                            GroupName="Check" ViewStateMode="Enabled" />
                        <asp:RadioButton ID="RadioButton2" runat="server" Text="Institution" EnableTheming="True"
                            GroupName="Check" ViewStateMode="Enabled" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:TextBox ID="txtFirstName" CssClass="TextBoxCss" runat="server" Width="172px"
                            Height="30px"></asp:TextBox>
                        <asp:TextBox ID="txtLastName" CssClass="TextBoxCss" runat="server" Width="172px"
                            Height="30px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:TextBox ID="txtEmail" CssClass="TextBoxCss" runat="server" Width="350px" Height="30px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:TextBox ID="txtReenterEmail" CssClass="TextBoxCss" runat="server" Width="350px"
                            Height="30px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:TextBox ID="TextBox1" CssClass="TextBoxCss" runat="server" Width="350px" Height="30px"
                            TextMode="Password"></asp:TextBox>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td>
                        <h2 style="margin: 10px 0 10px 0; color: #fff">
                            Birthday</h2>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:DropDownList ID="DropDownList1" CssClass="TextBoxCss" runat="server" Height="30px"
                            Width="115px">
                            <asp:ListItem>Month</asp:ListItem>
                        </asp:DropDownList>
                        <asp:DropDownList ID="DropDownList2" CssClass="TextBoxCss" runat="server" Height="30px"
                            Width="115px">
                            <asp:ListItem>Day</asp:ListItem>
                        </asp:DropDownList>
                        <asp:DropDownList ID="DropDownList3" CssClass="TextBoxCss" runat="server" Height="30px"
                            Width="115px">
                            <asp:ListItem>Year</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:RadioButton ID="RadioButton3" runat="server" Text="Male" GroupName="gender"
                            ViewStateMode="Enabled" />&nbsp;&nbsp;&nbsp;
                        <asp:RadioButton ID="RadioButton4" runat="server" Text="Female" GroupName="gender"
                            ViewStateMode="Enabled" />
                    </td>
                </tr>
                <tr>
                    <td>
                    &nbsp;
                    </td>
                    <td>
                    &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <div>
                            <a style="margin-top: 15px; font-size: 12px">By clicking Sign Up, you agree to our Terms
                                and that you have </a>
                            <br />
                            <a>read our Data Policy, including our Cookie Use.</a>
                        </div>
                        <br />
                        <div>
                            <button id="Button1" type="button" class="CSSbutton" runat="server" style="width: 150px;
                                height: 30px">
                                Sign Up</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <button type="button" class="CSSbutton" runat="server" style="width: 150px; height: 30px"
                                onserverclick="btnCancel_Click">
                                Cancel</button>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </form>
</body>
</html>
